<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>新东方顶部导航菜单</title>
		<style type="text/css">
			ul{display: inline;list-style: none;}
			 li{display:inline-block ; }
			 .head{border: 1px solid black;
				background-color: burlywood;	
				height: 30px;
				/*position: relative;	 */
				width: 600px;
			 }
			 .body{border: 1px solid black;width: 190px;position: absolute;left: 250px;}
		</style>
	</head>
	<body>
		
		<div class="head">
			<img src="img/logo.gif" />
				<li>购物车</li>
				<li>优惠券</li>
				<li>快速注卡</li>
				<li>各地购课</li>
				<li>手机报</li>
				<li>网站导航</li>
			</ul>
			<img src="img/open_icon.gif" />
		</div>
		<div class="body">
				<span>托福 雅思 考研 职称英语 初中 日语</span><br />
				<hr />
				<span>网络课堂 资讯中心 知识堂 大师讲坛 学习论坛 学词 考研搜校</span><br />
				<hr />
				<span>M-Zone 手机报 时时英语</span>
		</div>
	</body>
</html>
